<!DOCTYPE html>
<html>
    <meta charset="utf-8">
    <style>
       body{
                background-image: url(1673579304537.JPEG);
            }
        nav li {
            display: inline-block;
            padding: 20px;}
        .a {
                color: white;
                background-color:#333 ;
                text-align: center;
            }
            a:link {
                color: white;
            text-decoration: none;
        }
        a:visited {
color: white;
        }
        a:hover {
            color: #98a3ff;
        }
        a:active {
            color: blueviolet;
        }
       .main ul {
  position: fixed;
  top: 0;
  width: 100%;
}
.d {
            display: none;
            position: absolute;
            background-color: lavender;
        }
        .d a:link {
            color: black;
            padding: 20px;
            display: block;
            text-align: center;
        }
        .d a:hover {
            background-color: #98a3ff;
        }
        .b:hover .d {
            display: block;
        }
        .e {
            display: none;
            position: absolute;
            background-color: lavender;
        }
        .e a:link {
            color: black;
            padding: 20px;
            display: block;
            text-align: center;
        }
        .e a:hover {
            background-color: #98a3ff;
        }
        .c:hover .e {
            display: block;
        }
        .video{
            margin: 0 auto;
            text-align: center;
            float: none;
        }
    </style>
<body>
    <main><div class="dd">
        <nav class="a">
            <ul>
                  <li><a href="index.html">首页</a> </li>
                <li class="b">剧情故事
                    <div class="d">
                        <a href="3.html">双石大战</a>
                        <a href="4.html">上界之战</a>
                        <a href="5.html">石国封神</a>
                        <a href="6.html">鲲鹏之战</a>
                    </div>
                </li>
                <li class="c">精彩图集
    <div class="e">
        <a href="7.html">石昊破境</a>
        <a href="8.html">石毅成长</a>
        <a href="9.html">遇见月婵</a>
    </div>
                </li>
                <li><a href="1.html">剧情解说</a></li>
                <li><a href="2.html">联系我们</a></li>
            </ul>
        </nav>
       </div>
    </main>
<div class="video">
    <video  width="1000px" height="800px" controls="controls" autoplay="autoplay">
        <source src="video_20230113_152641.mp4" type="video/mp4" />
        <source src="video_20230113_152641.mp4" type="video/ogg" />
        <source src="video_20230113_152641.mp4" type="video/webm" />
      
      </video>
      </div>

</body>
</html>